-
Notifications
You must be signed in to change notification settings - Fork 101
6212 ДмитриеваАА Лаб.4 #415
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
- Добавлена стандартная HTML5 разметка с метатегами и заголовком. - Подключена внешняя таблица стилей `lab2.css`. - Реализована базовая семантическая структура: - `<header>` для шапки-письма с заголовком работы. - Секция `.parents-container` с тремя блоками "родителей". - Секция `.programming-languages` с описанием языков программирования. - `<footer>` для подвала сайта.
- Сброшены стандартные `margin` и `padding` через `*`. - Задан `box-sizing: border-box` для всех элементов. - Установлен розовый фон тела сайта с точечным градиентом. - Центрирован контейнер и задана максимальная ширина. - Стилизован основной контейнер `.letter-container` с белым фоном, розовой рамкой и тенью.
- Добавлен градиентный фон и пунктирная рамка. - Реализованы декоративные уголки с помощью псевдоэлементов `::before` и `::after`. - Стилизован заголовок `h1` розовым цветом с тенью. - Добавлен подзаголовок с курсивным начертанием.
- Расположение блоков в колонку через `flex-direction: column`. - Каждому "родителю" заданы уникальные цвета рамок и фона: - #parent-1: красный акцент - #parent-2: оранжевый акцент - #parent-3: зелёный акцент - Добавлены тени и скругления углов. - Реализованы списки "детей" с отступами и hover-эффектами.
- #parent-1: красные элементы с левой границей - #parent-2: элементы с пунктирной оранжевой рамкой и бордовым текстом - #parent-3: зелёные элементы - Добавлены плавные анимации при наведении (сдвиг и изменение фона)
- `#parent-1 ~ #parent-3 .children-list li` - стили для детей третьего родителя, идущих после первого - `#parent-2 .children-list li ~ #parent-3 .children-list li` - эксперименты со сложными комбинациями - `#parent-3 .children-list li:has(~ #parent-2)` - попытка использования :has()
- Добавлен градиентный фон и рамка. - Созданы маркеры списка (💖). - Стилизованы ссылки с розовыми цветами и декоративными элементами. - Добавлены hover-эффекты для ссылок.
- Реализована с помощью псевдоэлемента `::after` - Использованы радиальные градиенты для создания круговой эмблемы - Добавлена двойная рамка и тень - В центре размещён текст "СамГУ" белым цветом
запуталась в задании очень сложно
вот так ? :(
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
не совсем наблюдается БЭМ
lab4/labs/script.js
Outdated
| const num1Input = document.getElementById('num1'); | ||
| const num2Input = document.getElementById('num2'); | ||
| const operationSelect = document.getElementById('operation'); | ||
| const calculateBtn = document.getElementById('calculateBtn'); | ||
| const resultValue = document.getElementById('resultValue'); | ||
| const errorMessage = document.getElementById('errorMessage'); | ||
| const errorText = document.querySelector('.error-text'); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
А если какой-то элемент не найден?
lab4/labs/script.js
Outdated
| if (!Number.isInteger(result)) { | ||
| const rounded = parseFloat(result.toFixed(10)); | ||
| return rounded.toString().replace(/(\.\d*?[1-9])0+$/, "$1").replace(/\.$/, ""); | ||
| } | ||
| return result.toString(); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
А зачем такую сложную проверку добавлять? По факту ведь может быть только 2 возможных типа для result: строка или число, может будет достаточно просто typeof result
No description provided.